// Layout
$--x-col-layout: 24;

$--x-sm: 768px !default;
$--x-md: 992px !default;
$--x-lg: 1200px !default;
$--x-xl: 1920px !default;

$--x-size-range: (
  'xs': (
    max-width: $--x-sm - 1
  ),
  'sm': (
    min-width: $--x-sm
  ),
  'md': (
    min-width: $--x-md
  ),
  'lg': (
    min-width: $--x-lg
  ),
  'xl': (
    min-width: $--x-xl
  )
);

$--x-size-range-only: (
  'xs-only': (
    max-width: $--x-sm - 1
  ),
  'sm-and-up': (
    min-width: $--x-sm
  ),
  'sm-only': (
    min-width: $--x-sm
  )
  and
  (
    max-width: $--x-md - 1
  ),
  'sm-and-down': (
    max-width: $--x-md - 1
  ),
  'md-and-up': (
    min-width: $--x-md
  ),
  'md-only': (
    min-width: $--x-md
  )
  and
  (
    max-width: $--x-lg - 1
  ),
  'md-and-down': (
    max-width: $--x-lg - 1
  ),
  'lg-and-up': (
    min-width: $--x-lg
  ),
  'lg-only': (
    min-width: $--x-lg
  )
  and
  (
    max-width: $--x-xl - 1
  ),
  'lg-and-down': (
    max-width: $--x-xl - 1
  ),
  'xl-only': (
    min-width: $--x-xl
  )
);
